<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>芭蕾舞-注册</title>
    <meta name="keywords" content="芭蕾舞" />
    <meta name="description" content="芭蕾舞" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
    <!--bootstrap-->
    <link type="text/css" href="css/bootstrap.min.css" rel="stylesheet">
    <!--select2-->
    <link type="text/css" href="css/select2.min.css" rel="stylesheet">
    <!--form validate-->
    <link type="text/css" href="css/bootstrapValidator.min.css" rel="stylesheet">
    <!--scrollBar-->
    <link type="text/css" href="css/jquery.mCustomScrollbar.min.css" rel="stylesheet">
    <!--canlendar-->
    <link type="text/css" href="css/bootstrap-datepicker.min.css" rel="stylesheet">
    <!--icheck(checkbox&radio)-->
    <link type="text/css" href="css/blue.css" rel="stylesheet">
    <!--common css style-->
    <link type="text/css" href="css/master.css" rel="stylesheet">
    <script src="js/jquery.min.js"></script>
    <!--[if lt IE 9]>
    <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body class="lrPage">
    <header class="ballet-header">
        <div class="navbar navbar-default">
            <div class="container">
                <div class="navbar-header">
                    <div class="language"><a href="#">En</a>／<a href="#" class="on">中文</a></div>
                    <button type="button" class="navbar-toggle collapsed icon-menu" data-toggle="collapse" aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar line-top"></span>
                        <span class="icon-bar line-mid"></span>
                        <span class="icon-bar line-btm"></span>
                    </button>
                    <a class="navbar-brand" href="#"><img src="images/logo_white.png" /></a>
                </div>
                <div class="navbar-collapse">
                    <ul class="nav navbar-nav  ballet-nav">
                        <li><a href="#">首页</a></li>
                        <li><a href="#">比赛</a></li>
                        <li><a href="#">动态</a></li>
                        <li><a href="#">下载</a></li>
                        <li><a href="#">赞助</a></li>
                        <li><a href="#">联系我们</a></li>
                    </ul>
                    <ul class="nav navbar-nav navbar-right">
                        <li class="switch_language"><a href="#">En</a>／<a href="#" class="on">中文</a></li>
                        <li class="lr-action"><a href="login.html" class="loginBtn">登录</a><span class="hidden-xs">｜</span> <a href="register.html"
                                class="registerBtn">注册</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </header>
    <main class="mainContent">
        <section class="logregistWrap">
            <div class="container">
                <!--<div class="lr-logo-mobile"><img src="images/logo_white.png" /></div>-->
                <div class="registerBox">
                    <h2>注册</h2>
                    <div class="row cont">
                        <div class="col-sm-5 lr-logo hidden-xs"><img src="images/logo_black.png" /></div>
                        <div class="col-sm-7">
                            <form method="post">
                                <div class="box">
                                    <div class="form-item">
                                        <label class="titl">邮箱</label>
                                        <input type="text" placeholder="请输入常用邮箱地址" value="" />
                                        <div class="tips"></div>
                                    </div>
                                    <div class="form-item">
                                        <label class="titl">密码</label>
                                        <input type="password" placeholder="请输入至少6位数的密码" />
                                        <div class="tips"></div>
                                    </div>
                                    <div class="form-item">
                                        <label class="titl">确认密码</label>
                                        <input type="password" placeholder="请再次输入您的密码" />
                                        <div class="tips"></div>
                                    </div>
                                    <div class="form-item form-item-agree">
                                        <label><input type="checkbox" />我已阅读并同意<a href="javascript:;" data-toggle="modal" data-target="#useProto-Popup">《使用协议》</a></label>
                                    </div>
                                    <div class="actions">
                                        <input type="submit" class="submitBtn" value="立即注册" />
                                    </div>
                                    <div class="actions-2">
                                        已有账号?<a href="login.html">立即登录</a>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>
    <!-- Use protocol Modal -->
    <div class="modal fade useProto-Popup" id="useProto-Popup"  role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="myModalLabel">
                    <span>芭蕾舞网站使用协议</span>
                    <a href="javascript:;" class="close" data-dismiss="modal"><i class="iconfont icon-close"></i></a>
                    </h4>
                    
                </div>
                <div class="modal-body">
                    <div class="user-protocol-cont">
                        <h2>一、声明与承诺</h2>
                        <p>（一） 本协议已对与您的权益有或可能具有重大关系的条款，及对本公司具有或可能具有免责或限制责任的条款用粗体字予以标注，请您注意查看。 请在注册成为芭蕾舞网站用户使用本服务之前充分阅读、理解并接受本协议的全部内容，一旦您完成注册并使用本服务，即表示您同意遵循本协议中的所有约定。
                        </p>
                        <p>
                            （二） 您同意，本公司有权随时对本协议内容进行单方面的变更，并在本网站予以公布，无需另行单独通知您； 若您在本协议内容变更后继续使用本服务，表示您已充分阅读、理解并接受修改后的协议内容，也将遵循修改后的协议内容使用本服务； 若您不同意修改后的协议内容，您应停止使用本服务。
                        </p>
                        <p>
                            （三） 您同意，接受本协议并使用此服务时，您是具有法律规定的完全民事权利能力和民事行为能力， 能够独立承担民事责任的自然人（中华人民共和国境内（香港、澳门除外）的用户应年满18周岁）， 或者是在中国大陆地区合法开展经营活动或其他业务的法人或其他组织；本协议内容不受您所属国家或地区法律的排斥。不具备前述条件的，您应立即终止注册或停止使用本服务。
                        </p>
                        <p>
                            （四） 您同意，本公司有权随时对本协议内容进行单方面的变更，并在本网站予以公布，无需另行单独通知您；若您在本协议内容变更后继续使用本服务。
                        </p>
                        <p>（一） 本协议已对与您的权益有或可能具有重大关系的条款，及对本公司具有或可能具有免责或限制责任的条款用粗体字予以标注，请您注意查看。 请在注册成为芭蕾舞网站用户使用本服务之前充分阅读、理解并接受本协议的全部内容，一旦您完成注册并使用本服务，即表示您同意遵循本协议中的所有约定。
                        </p>
                        <p>
                            （二） 您同意，本公司有权随时对本协议内容进行单方面的变更，并在本网站予以公布，无需另行单独通知您； 若您在本协议内容变更后继续使用本服务，表示您已充分阅读、理解并接受修改后的协议内容，也将遵循修改后的协议内容使用本服务； 若您不同意修改后的协议内容，您应停止使用本服务。
                        </p>
                        <p>
                            （三） 您同意，接受本协议并使用此服务时，您是具有法律规定的完全民事权利能力和民事行为能力， 能够独立承担民事责任的自然人（中华人民共和国境内（香港、澳门除外）的用户应年满18周岁）， 或者是在中国大陆地区合法开展经营活动或其他业务的法人或其他组织；本协议内容不受您所属国家或地区法律的排斥。不具备前述条件的，您应立即终止注册或停止使用本服务。
                        </p>
                        <p>
                            （四） 您同意，本公司有权随时对本协议内容进行单方面的变更，并在本网站予以公布，无需另行单独通知您；若您在本协议内容变更后继续使用本服务。
                        </p>
                    </div>
                    <div class="actions text-right">
                        <button type="button" class="confirmBtn" >确定</button>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!-- /. Use protocol Modal -->

    <script src="js/bootstrap.min.js"></script>
    <script src="js/bootstrapValidator.min.js"></script>
    <script src="js/bootstrap-datepicker.min.js"></script>
    <script src="js/select2.min.js"></script>
    <script src="js/icheck.min.js"></script>
    <script src="js/jquery.mCustomScrollbar.js"></script>
    <script src="js/common.js"></script>
</body>

</html>